<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Javascript章节 第三课 JS基础知识收尾</title>
</head>

<body id="body">
	<h1 align="center">JS基础知识收尾</h1>
	<hr>
	<ol>
		<li>定时器:setInterval,setTimeout</li>
		<li>js事件</li>
		<li>Date时间</li>
		<li>获取DOM节点</li>
		<li>jQuery基础章</li>
	</ol>

	<p>演示：</p>

	<!-- <div id="time">这里是时间</div> -->

	<script type="text/javascript">
	// 延迟定时器
	// for (var i = 1; i < 100; i++) {
	// 	setTimeout(function(){
	// 		document.write('清除垃圾文件：文件'+i+'已清除<br>');
	// 	}, 1000);
	// }
	
	// 循环的定时器
	// var i = 1;
	// var time = setInterval(function() {
	// 	document.write('清除垃圾文件：文件'+i+'已清除<br>');
	// 	i++;
	// 	if (i > 10) {
	// 		window.clearInterval(time);
	// 	}
	// }, 100);
	
	// 循环的定时器
	// var i = 20;
	// var time = setInterval(function() {
	// 	document.getElementById('time').innerHTML = '炸弹将在'+i+'秒后爆炸！';
	// 	i--;
	// 	if (i < 0) {
	// 		window.clearInterval(time);
	// 		document.getElementById('time').innerHTML = 'boo~~~爆炸了!';
	// 	}
	// }, 1000)

	// 返回功能
	// history.back();
	// history.go(-1);
	// // 地址栏操作
	// document.write(location.href);
	// // 跳转
	// location.href = 'http://baidu.com';
	
	// document.onkeypress = function(e){
	// 	// console.log(e);
	// 	if (e.key == 'a') {
	// 		alert('你正在按a');
	// 	}
	// }

	// document.getElementById('time').onclick= function() {
	// 	alert(111);
	// };
	
	// var timeclick = function () {
	// 	alert(1);
	// }
	// document.getElementById('time').onclick = timeclick;


	// 练习1：用原生JS获取以下代码中：所有class为odd的偶数个的DOM元素
	// 练习2：用原生JS获取以下代码中：所有标签为div的偶数个的DOM元素
	// 练习3：用原生JS获取以下代码中：所有name为id的DOM元素
	// 
	// <div id="asd" class="odd">1</div>
	// <p class="odd">2</p>
	// <div class="odd">3</div>
	// <input name="id" class="odd" value="4" />
	// <p class="odd">5</p>
	// <div>6</div>
	// <div class="odd">7</div>
	// 
	// 练习4：用date函数和定时器，做一个时钟，格式如下：1月13日 周五 23:18:30 时间可以跳动
	// 
	// 剩余知识点：
	// 1、jQuery
	// 	1.1 jQuery基础语法 V
	// 	1.2 jQuery的插件应用 V
	// 	1.3 jQuery开发插件
	// 	
	// 2、BootStrap
	// 	2.1 BootStrap应用 V
	// 	2.2 用BootStrap的方式写样式
	// 	2.3 Less 、 Sass
	// 	
	// 	
	// 	jQuery基础章
	// 	http://www.jb51.net/shouce/jquery1.82/
	// 	链式操作方式$('.class').hide().css('clolor':'#fff').attr('name', 'mine').…
	// 	1、选择器：（作业：练习所有选择器方法，练习特定情形下的元素选择）
	// 	2、属性：（作业2：练习所有属性的操作，并结合定时器，用jq实现一个轮播图功能。做一个Tab切换功能）
	// 	3、筛选章：（看一看，了解即可，用到的时候要知道去哪里找资料）
	// 	4、文档处理：（看一遍，了解即可，用到的时候要知道去哪里找资料）
	// 	5、CSS：（作业3：练习CSS章的所有方法，并结合选择器，完成Tab切换功能，尝试改变页面元素的样式）
	// 	
	// 	6、事件
	// 	7、动画
	// 	8、Ajax
	// 	9、实践、预习插件
	// 	
	// 	
	// 	
	// 	

	</script>
</body>
</html>